<template>
  <el-tag v-if="useTag" :style="statusStyle" effect="light">{{text}}</el-tag>
  <span v-else :style="statusStyle">{{text}}</span>
</template>

<script>
  export default{
    name:'LamStatus',
    props:{
      useTag:{
        type: Boolean,
        default: true
      },
      value:{
        type:String|Number,
        require: true
      },
      text:{
        type: String,
        require: true
      },
      styleMap:{
        type: Object,
        default(){
          return{}
        }
      }
    },
    data(){
      return{
        /** 通用状态(0-不可用, 1-可用) */
        defaultMap:{
          '1': 'green',
          '0': 'red'
        }
      }
    },
    created(){
      Object.assign(this.defaultMap, this.styleMap)
    },
    computed:{
      statusStyle(){
        let color = this.defaultMap[this.value+''];
        return {'color':color ? color:'#2c2d2f'};
      },

    }

  }

</script>

<style scoped>

</style>
